<template>
  <div>
    <input type="text" :value="props.modelValue"  @input="input"/>
    {{ modelValue }}
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
const emit = defineEmits(['update:modelValue'])
const props = defineProps({
  modelValue: {
    type: String,
  },
});
const input = (event:any)=>{
    emit('update:modelValue',event.target.value)
}
</script>
<style scoped></style>
